//json数据
// var vm = new Vue({
//     el: '#app',
//     data: {
//         message: '正在请求数据...'
//     },
//     mounted() {
//         axios
//             .get('json/new.json')
//             .then(response => (this.message = response.data.lists))
//             .catch(function (error) {
//                 console.log(error);
//             })
//     }
// });


//导航点击事件
var wer = document.querySelectorAll(".far");
var cer = document.querySelectorAll(".fax");

for (var sab = 0; sab < wer.length; sab++) {
    wer[sab].bool = true;
    wer[sab].index = sab;
    wer[sab].addEventListener("click", function () {
        if (this.bool) {
            wer[this.index].style.display = "block";
            cer[this.index].style.display = "block";
        } else {
            for (var yt = 0; yt < wer.length; yt++) {
                cer[yt].style.display = "none";
            }
        }
        this.bool = !this.bool;
    })
}



// 获取滚动条距离顶部的高度
// document.querySelector("#toTop")
//滚动事件
var t = document.querySelector("#toTop");
window.onscroll = function () {
    // console.log(document.documentElement.scrollTop > 1000 || document.body.scrollTop > 1000);
    if (document.documentElement.scrollTop > 1000 || document.body.scrollTop > 1000) {
        t.style.display = "block";
    } else {
        t.style.display = "none";
    }
}
//点击返回顶部
t.addEventListener('click', function () {
    // window.scrollTo(0,0);
    window.scrollTo({
        top: 0,
        behavior: 'smooth'
    })

})


// 选项卡
// var tap = document.querySelectorAll(".tap .left > li");
// var mar = document.querySelectorAll(".tap .rights > .content");

// for (var i = 0; i < tap.length; i++) {
//     //获取下标
//     tap[i].index = i;
//     tap[i].addEventListener('click', function () {
//         for (var k = 0; k < tap.length; k++) {
//             tap[k].classList.remove('active');
//             mar[k].classList.remove('active');
//         }
//         this.classList.add('active');
//         console.log(this.index);
//         mar[this.index].classList.add('active');
//     })
// }
